<!DOCTYPE html>
  <html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>添加银行卡</title>
    <link rel="stylesheet" type="text/css" href="../../../../css/api.css"/>
    <link rel="stylesheet" type="text/css" href="../../../../css/common.css" />
    <link rel="stylesheet" type="text/css" href="../../../../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../../../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../../../../css/swiper.min.css"/>
    <link rel="stylesheet" type="text/css" href="../../../../css/style.css"/>
      <style>
        html,body{
            /*background: #fff;*/
        }
        .inner_header{
            font-size: 1.6rem;
            color: #000000;
            font-weight: 600;
            height: 6.9rem;
            margin: 0;
            padding: 2.4rem 0 0 0;
            box-sizing: border-box;
            background: none!important;
            box-shadow: 0rem 0rem 0.8rem 0rem rgba(0, 0, 0, 0.08);
            background: #fff!important;
        }
        .inner_header .right{
          font-size: 1.4rem;
          color: #6f6f6f;
        }
        .content{
          width: 100%;
          float: left;
          margin: 6.9rem 0 0 0;
        }
        .content_list{
            background: #fff;
            width: 100%;
            float: left;
            box-sizing: border-box;
            padding: 0 1.3rem 0 1.3rem;
        }
        .content .ash{
          background-color: #f2f2f2;
          height: 3.7rem;
          width: 100%;
          line-height: 3.7rem;
          font-size: 1.3rem;
          color: #999;
        }
        .content_li{
            float: left;
            width: 100%;
            height: 4.45rem;
            box-sizing: border-box;
            border-bottom: 0.05rem solid #e6e6e6;
            color: #333333;
            font-size: 1.5rem;
            line-height: 4.45rem;
            display: flex;
            text-align: center;
        }
        .content_li .text{
            line-height: 4.45rem;
            height: 4.45rem;
            flex: 1;
            margin: 0rem 0 0 5.2rem;
            font-size: 1.5rem;
        }
        .content_li .only{
            margin: 0rem 0 0 5.3rem;
        }
        input::-webkit-input-placeholder {
         /* placeholder颜色  */
         color: #c9c9c9;
         /* placeholder字体大小 */
         font-size: 1.5rem;
         /* placeholder字间距  */
         letter-spacing: 0rem;
       }
        .content_list .content_li:last-child{
            border-bottom: none;
        }
        .content_li span{
            float: right;
            margin: 0 1.3rem 0 0;
            color: #a1a1a1;
        }
        .content_last{
          font-size: 1.3rem;
          color: #333;
          letter-spacing: 0.03rem;
        }
        .aui-radio:checked, .aui-radio.aui-checked, .aui-checkbox:checked, .aui-checkbox.aui-checked{
            background-color:#ed6a20;
            border:solid 1px #ed6a20;
            width: 1.2rem;
            height: 1.2rem;
            margin:1.6rem 0.8rem 0 0.35rem;
        }
        .rewrite_checkbox{
            color: #c9c9c9;
            width: 1.2rem;
            height: 1.2rem;
            margin:1.6rem 0.8rem 0 0.35rem;
        }
        .content .btn{
          width: 93%;
          height: 4.7rem;
          background-color: #ee6a20;
          line-height: 4.7rem;
          text-align: center;
          color: #fff;
          margin: 0 auto;
          font-size: 1.6rem;
          letter-spacing: 0.03rem;
          margin-top: 17.35rem;
          border-radius: 1.98rem;
        }
      </style>
  </head>
  <body>
      <div id="app">
        <header class="aui-bar aui-bar-nav aui-bar-light inner_header">
          <a class="aui-pull-left aui-btn" onclick="goBack()">
              <img src="../../../../image/back.png">
          </a>
          <div class="aui-title">添加银行卡  </div>
          <a class="aui-pull-right share_nav_right right">
               取消
          </a>
        </header>
        <div class="content">
          <div class="content_list ash">
            请填银行卡所属银行
          </div>
          <div class="content_list">
              <div class="content_li">
                  银行
                  <input type="text" placeholder="请填写所属银行" class="text only"  @input="clickInput" ref="refcode">
              </div>
              <div class="content_li content_last">
                <label style="color:#c9c9c9">
                    <input type="checkbox" name="" value="" class="aui-checkbox rewrite_checkbox" checked="">同意《用户协议》
                </label>
              </div>
          </div>
          <div class="btn" @click="next('to_examine','./to_examine.html')">下一步</div>
        </div>
      </div>
  </body>
  <script type="text/javascript" src="../../../../script/api.js"></script>
  <script type="text/javascript" src="../../../../script/zepto.js"></script>
  <script type="text/javascript" src="../../../../script/vue.min.js"></script>
  <script type="text/javascript" src="../../../../script/swiper.min.js"></script>
  <script type="text/javascript" src="../../../../script/utils.js"></script>
  <script type="text/javascript" src="../../../../script/common.js"></script>
  <script type="text/javascript" src="../../../../script/aui-tab.js"></script>
  <script type="text/javascript" src="../../../../script/aui-scroll.js"></script>
  <script type="text/javascript" src="../../../../script/aui-pull-refresh.js"></script>
  <script type="text/javascript">
      apiready = function(){

      };
      new Vue({
        el:"#app",
        data:{
          num:''
        },
        methods:{
          clickInput:function(){
            var num = this.$refs.refcode.value
            this.num = num
          },
          next:function(name,url){
            if(this.num){
              api.openWin({
                  name: name,
                  url: url,
                  pageParam: {
                      test:''
                  }
              })
            }
          }
        }
      })
      function goBack(name) {
        api.closeWin({});
      }
  </script>
  </html>
